<template>
	<view>
		<nodata v-if="unSubmitData.length==0"></nodata>

		<uni-card v-else @click="detail(item.fId,item.fstatus)" v-for="(item,index) in unSubmitData" :key="index">
			<!--backgroundColors dataNum==5?'#A3CFEF':(dataNum==6?'#FFC26F':'#64CCA9') -->
			<view class="samplename" :style="{'background':backgroundColors}">
				<!-- 涉及单位 -->
				<view>{{item.fCheckunit}}</view>
				<!-- 指令状态 -->
				<view style="font-size: 24upx;">{{item.fstatus}}</view>
			</view>

			<view class="row">
				<view class="nameInfo">涉及项目:</view>
				<view class="contentInfo">{{item.fCheckproject}}</view>
			</view>

			<view class="row">
				<view class="nameInfo">网格员类别:</view>
				<view class="contentInfo">{{item.fGridmantype}}</view>
			</view>
			<view class="row">
				<view class="nameInfo">发现问题日期:</view>
				<view class="contentInfo">{{item.fHasproblemdates}}</view>
			</view>

			<view class="row">
				<view class="nameInfo">填报日期:</view>
				<view class="contentInfo">{{item.fReportdates}}</view>
			</view>


		</uni-card>
	</view>
</template>
<script>
	import nodata from '@/components/nodata/nodata.vue';
	export default {
		props: {
			unSubmitData: {
				type: Array,
				default: function() {
					return []
				}
			},
			Inv: {
				type: [String, Number],
				default: 0
			},
			backgroundColors:{
				type: String,
				default: 0
			}
			
		},
		data() {
			return {
				dataNum: this.Inv
			}
		},
		watch:{
			Inv(e) {
				this.dataNum=e
			},
		},
		components: {
			nodata
		},
		methods: {
			
			detail(id,text) {
				var data={
					id:id,
					Inv:this.dataNum,
					text:text,
				}
				// console.log(id,this.dataNum)
				this.$emit('safeDetail',data)
			}
		}
	}
</script>
<style scoped>
	.nameInfo {
		color: #999999;
	}

	.contentInfo {
		color: #333
	}

	.samplename {
		color: #fff;
		font-size: 32upx;
		font-weight: 700;
		line-height: 66upx;
		letter-spacing: 2upx;
		font-family: Source Han Sans CN;
		padding: 0 24upx;
		margin-bottom: 24upx;
		font-family: Source Han Sans CN;
		background-color: #525EF9;
		display: flex;
		justify-content: space-between;
	}
</style>
